@include extjs-tab-panel-ui(
    $ui: 'menutab',

	$ui-tab-border-width: 0px 0px 0px 0px,

	$ui-tab-border-color: $tabbar-base-color,
	$ui-tab-border-color-active: $tabbar-base-color, /** lighten($navigation-background-color, 5%), **/

	$ui-tab-background-color: transparent,
	//$ui-tab-background-color-active: transparent,

	$ui-tab-color: $tab-color-active !important,
	$ui-tab-color-active: $tab-color-active !important,
	$ui-tab-font-weight-active: bold,
	$ui-tab-font-weight-focus-active: bold
);

.x-tab{
	&.x-tab-active{
		&.x-tab-menutab{
			border-width: 2px 0px 0px 0px !important;
		}
	}
}

.x-tab-over{
	&.x-tab-menutab{
		border-width: 2px 0px 0px 0px !important;
	}
}

@include extjs-panel-ui(
    $ui: 'menutab',

	//$ui-header-font-size: 14px,
	//$ui-header-font-weight: bold,
	$ui-header-color: $form-display-field-color,
    $ui-header-background-color: transparent
);